<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/denglu.css" /> 
		<link rel="shortcut icon" href="images/favicon.ico" />
		<script type="text/javascript" src="js/jQuery.js"></script>
		<script type="text/javascript" src="js/cookie.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
		<body>
		<div class="zhuce-top">
			<div class="zhuce-tc">
				<h1>
					<a href="javascript">
						<img src="images/logo.png" />
					</a>
				</h1>
				<div class="sloga"></div>
			</div>
		</div>
		<div class="join">
			<div class="join-c">
				<span class="join-logo">
					
				</span>
				<span class="join-hope">
					欢迎注册加入嗨淘全球
				</span>
				<div class="btn-dl">
					还不是嗨淘全球会员？
					<a href="javascript:;">
						<span>去注册</span>
					</a>
				</div>
			</div>
		</div>
		<div class="zhuce-box">
			<div class="jogin-box">
				<div class="logo-left">
					<img src="images/jogin.jpg" />
				</div>
				<div class="logo-right">
					<div class="login-tab">
						<ul class="login-nav">
							<li class="current">账号登录</li>
							<li>验证码登录</li>
						</ul>
						<div class="login-one login-three">
							<div class="reg-one">
								<div class="reg-phone">
									<span class="phone">手机号</span>
									<input type="text" placeholder="请输入您的手机号" class="phone-text sjh"/>
									<span class="tips-judge">
										<img class="tanhao" src="images/tanhao.png" />
										<em class="error-tips">请输入手机号码</em>
									</span>
								</div>
							</div>
							<div class="reg-one">
								<div class="reg-phone">
									<span class="phone">密码</span>
									<input type="text" autocomplete="off" placeholder="请输入您的密码" class="phone-text mm"/>
									<span class="tips-judge">
										<img class="tanhao" src="images/tanhao.png" />
										<em class="error-tips">密码格式不正确</em>
									</span>
								</div>
							</div>
					
							<div class="control-w">
								<a href="javascript:;">忘记密码？</a>
							</div>
							<div class="control-btn">
								<input type="button" value="登录" class="denglu"/>
							</div>
						</div>
						
							<div class="login-two login-three">
								<div class="reg-one">
									<div class="reg-phone">
										<span class="phone">手机号</span>
										<input type="text" autocomplete="off" placeholder="请输入您的手机号" class="phone-text"/>
										<span class="tips-judge">
											<img class="tanhao" src="images/tanhao.png" />
											<em class="error-tips">请输入手机号码</em>
										</span>
									</div>
								</div>
								
								<div class="reg-one">
									<div class="reg-phone">
										<span class="phone">验证码</span>
										<input type="text" autocomplete="off" placeholder="请输入图形验证码" class="phone-text"/>
										<span class="tips-judge">
											<img class="tanhao" src="images/tanhao.png" />
											<em class="error-tips">验证码不正确</em>
										</span>
										<a href="javasrcipt:;" title="看不清?点击图片换一张">
											<img class="yanzheng" src="images/cx2.png" /> 
										</a>
									</div>
								</div>
								
								<div class="reg-one">
									<div class="reg-phone">
										<span class="phone">短信验证</span>
										<input type="text" autocomplete="off" placeholder="请输入验证码" class="phone-text"/>
										<span class="tips-judge">
											<img class="tanhao" src="images/tanhao.png" />
											<em class="error-tips">请输入手机号码</em>
										</span>
										<span class="duanxin">
											获取短信验证码
										</span>
									</div>
									<div class="control-btn2">
										<input type="button" value="登录"/>
									</div>
								</div>
						
						
							</div>
					
					</div>	
				</div>
			</div>
		</div>
		<div class="buttom">
		<!--------------------公用信息------------------------------------->
			<div class="but-nav">
				<div class="but-navc">
					<div class="bnav-right">
						<a href="javascript:;">公司简介</a>
						<a href="javascript:;">联系我们</a>
						<a href="javascript:;">大事件</a>
						<a href="javascript:;">人才招募</a>
						<a href="javascript:;">帮助中心</a>
						<a href="javascript:;">法律声明</a>
						<a href="javascript:;">合作专区</a>
						<a href="javascript:;">友情链接</a>
					</div>
					<div class="bnav-left">
						4008-006-006
					</div>
				</div>
			</div>
			<p class="copy">
				Copyright © 2010 - 2016, 版权所有 HITAO.TOP    湘ICP备10012668号-3  嗨淘全球网　|　营业执照
			</p>
			<div class="foot">
				<a class="footimg" href="javascript:;"><img src="images/cx.png"/></a>
				<a class="footimg" href="javascript:;"><img src="images/cx2.png"/></a>
				<a class="footimg" href="javascript:;"><img src="images/cx3.png"/></a>
				<div class="footd"><img src="images/cx4.png"/></div>
				<div class="footd"><img src="images/cx5.png"/></div>
			</div>
		</div>
		<!--------------------^common^----------------------------------->
		<div class="use-center">
			<ul class="user-top">
				<li>
					<a class="kefu" href="javascript:;">在线客服</a>
					<div class="user-hide">
						<span class="livebox"></span>
						<span class="livetime">
							时间：12:00--18:00<br />
							热线：4008-006-006
						</span>
					</div>
				</li>
				<li>
					<a class="gouwudai" href="javascript:;">购物袋</a>
					<span id="buynum">0</span>
				</li>
				<li>
					<a class="shoucang" href="javascript:;">
						<div class="xin">我的收藏</div>
						<span class="shoucang-hide">我的收藏</span>
					</a>
				</li>
				<li>
					<a class="youhui" href="javascript:;">
						<div class="juan">优惠券</div>
						<span class="shoucang-hide">优惠券</span>
					</a>
				</li>
			</ul>
			<ul class="user-bottom">
				<li>
					<a class="saoma" href="javascript:;">二维码</a>
					<div class="saoma-hide">
						<img src="images/erweima.png"/>
						手机注册
					</div>
				</li>
				<li>
					<a class="uptop" href="javascript:;">TOP</a>
				</li>
			</ul>
		</div>
		<!--------------------^common侧边栏^----------------------------------->
	</body>
</html>
